<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!-- 外部样式表 -->
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
		<!-- 内部样式表 -->
		<style type="text/css">
			body{
				padding: 100px;
				text-align: center;
				background: #3E5151;  
				background: -webkit-linear-gradient(to right, #DECBA4, #3E5151);  
				background: linear-gradient(to right, #DECBA4, #3E5151); 
				

			}
			#centor{
				margin: auto;
				padding-bottom: 20px;
				width: 90%;
				background-color: #ffffff;
				opacity: 0.6;
			}
			button{
				background-color: #2B542C;
			}
		</style>
		<script type="text/javascript">
		
		</script>
	</head>
	<body>
		<div id="centor">
			<div class="div1">
				<button style="background-color: royalblue" type="button">按钮</button>
				<button type="button">按钮</button>
				<button class="btn-primary" id="btn" type="button">按钮</button>
			</div>
			<div align="center">
					<form action="#" method="post">
						<table border="1">
							<tr>
								<td><label for="username">用户名:</label></td>
								<td><input type="text" maxlength="6" placeholder="请输入用户名0-6个字符" name="username" id="username" /></td>
							</tr>
							<tr>
								<td><label for="password">密码:</label></td>
								<td><input type="password" name="password" id="password" /></td>
							</tr>
							<tr>
								<td><label for="email">邮箱:</label></td>
								<td><input type="email" name="email" id="email" /></td>
							</tr>
							<tr>
								<td><label for="tel">手机号:</label></td>
								<td><input type="number" name="tel" id="tel" /></td>
							</tr>
							<tr>
								<td>性别:</td>
								<td>
									<input type="radio" name="gender" id="gender1" value="1" /><label for="gender1">男</label>
									<input type="radio" name="gender" id="gender0" value="0" /><label for="gender0">女</label>
								</td>
							</tr>
							<tr>
							<td>
								<label for="edu">学历</label>
							</td>
							<td>
								<select name="edu" id="edu">
									<option>---请选择学历---</option>
									<option>高中</option>
									<option>专科</option>
									<option>本科</option>
									<option>硕士</option>
									<option>博士</option>
									<option>博士后</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>
								开发方向
							</td>
							<td>
								<input type="checkbox" name="dev" id="dev1" value="java"><label for="dev1">JavaEE</label>
								<input type="checkbox" name="dev" id="dev2" value="python"><label for="dev2">Python</label>
								<input type="checkbox" name="dev" id="dev3" value="ui"><label for="dev3">UI/UE</label>
							</td>
						</tr>
						<tr>
							<td>
								<label for="self">自我介绍(20字)</label>
							</td>
							<td>
								<textarea id="self" cols="30" rows="5"></textarea>
							</td>
						</tr>
						<tr>
							<td>
								<label for="birthday">出生日期</label>
							</td>
							<td>
								<input type="date" id="birthday" name="birthday">
							</td>
						</tr>
						<tr>
							<td>
								<label for="checkCode">验证码</label>
							</td>
							<td>
								<input type="text" id="checkCode" name="checkCode">
								<font size="15" color="red"><b>A 3 4 3</b></font>
							</td>
						</tr>
						<tr>
							<td colspan="2" align="center">
								<input type="submit" value="提交">
								<input type="reset" value="重置">
								<input type="button" value="返回">
							</td>
						</tr>
							
						</table>
					</form>
			</div>
			
		</div>
		
	</body>
</html>